<!--login container-->
<div id="myself">
  <div class="nr-login-container">
    <img class="login-bg" src="images/nr-offical/usercenter.jpg" alt=""/>

    <div style="display: none;" class="row info">
      <div class="col-xs-offset-1 col-sm-1 col-xs-3" style="border-right: 1px solid #acacac">
        <!--{{user.memberUsername}}-->
        <div class="avatar">
          <img ng-src="{{user.portrait}}" alt=""/>

          <p class="text-center" style="margin: 10px 0;">Hi,{{user.nickname}}</p>
        </div>
      </div>
      <div class="col-sm-9 col-xs-7">
        <p class="point-title">积分</p>

        <p class="point">{{user.memberPoint}}</p>
      </div>
    </div>
    <div class="row fix-width self-body">
      <div class="col-sm-2">
        <div class="left-info">
          <div class="avatar">
            <img ng-src="{{user.portrait}}" alt=""/>
            <p class="text-center" style="margin: 10px 0;">Hi,{{user.nickname}}</p>
          </div>
          <div class="user-nav-item" ng-class="{'current':currentNav.id==item.id}"
               ng-repeat="item in userNav" ng-click="pickNav(item)">
            {{item.name}}
          </div>
        </div>
      </div>
      <div class="col-sm-10">
        <div class="right-info">
          <div class="the-title">
            <span>{{currentNav.name}}</span>
            <div class="logout" ng-click="doLogout()">退出登录</div>
          </div>
          <div ng-if="currentNav.id=='basic'" class="row basic-content">
            <div class="col-sm-8" style="padding: 0;">
              <div class="row">
                <div class="col-sm-6" style="padding-left: 0;">
                  <div class="point">
                    <div class="content-title">积分</div>
                    <div class="content-num">
                      <span class="nr-sys-color">0</span>&nbsp;&nbsp;分
                    </div>
                  </div>
                </div>
                <div class="col-sm-6"  style="padding-left: 0;">
                  <div class="collection">
                    <div class="content-title">收藏</div>
                  </div>
                </div>
              </div>

              <div class="col-sm-12" style="padding-left: 0;margin-top: 20px;">
                <div class="purchase-record">
                  <div class="content-title">交易记录</div>
                </div>
              </div>
            </div>
            <div class="col-sm-4" style="padding-right: 0;padding-left: 0;">
              <div class="resource">
                <div class="content-title">资源项目</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--login container end-->